﻿<%@ Page Language="c#" CodeFile="~/Default.aspx.cs" Inherits="TallComponents.Web.WebForm1" %>
<%@ Import Namespace="FolderStructureDemo.Treeview" %>
<%@ Register TagPrefix="tc" Namespace="TallComponents.Web.Pdf" Assembly="TallComponents.Web.PdfViewer" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head runat="server">
   <title>Folder Structure Demo - PDFWebViewer.NET</title>
   <link rel="stylesheet" type="text/css" href="css/jquery.treeview.css" />
   
   <style type="text/css">
      body { font-family: Verdana, Arial, Helvetica, _sans; font-size: 12px; }
      img { border: none; }
      .thumb { margin: 0px; padding:0px; }
      .thumb img { border: solid 1px #999999; margin: 3px; }
      .thumb:hover img { border: solid 2px #66ff33; margin: 2px; }
      .active img { border: solid 2px black; margin: 2px; }
      a:active { outline: 0 none black; }
      
      #documents { border: 1px solid #999999; width: 180px; height: 754px; overflow: auto; font-size: 10px; }
      ul { list-style: none none outside; margin:0; padding:0; }
      li { list-style: none none outside; margin:0; padding:0; }
   </style>
	<!-- Ajax Treeview uses jQuery -->
	<script src="script/jquery-1.3.2.min.js" type="text/javascript"></script>
	<script src="script/jquery.cookie.js" type="text/javascript"></script>
	<script src="script/jquery.treeview.min.js" type="text/javascript"></script>
	<script src="script/jquery.treeview.async.js" type="text/javascript"></script>
</head>
<body>
   <form id="Form1" method="post" runat="server" enctype="multipart/form-data">
   <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" />
   <table cellpadding="0" cellspacing="2" style="width: auto;">
      <tr>
         <td>
            <div id="documents"><!-- Render the tree view -->
            <%= TreeViewHelpers.TreeView( "tree", "default.aspx?doc={0}", pdfViewer.StorageKey ) %>
         </div>
         </td>
         <td valign="top" style="border: solid 1px #aaaaaa;">
            <tc:PdfViewerToolbar ID="Toolbar" runat="server" PdfViewerControlId="pdfViewer" />
            <tc:PdfThumbnailsList ID="thumbnails" runat="server" PdfViewerControlId="pdfViewer" Width="700" Height="160" ServiceUrl="pageasimage.ashx" ThumbnailCssClass="thumb" SelectedThumbnailCssClass="active" Orientation="Horizontal"/>
            <tc:PdfViewer ID="pdfViewer" runat="server" Width="700" Height="570" ZoomMode="FitToPage" ServiceUrl="pageasimage.ashx" />
         </td>
      </tr>
   </table>
   </form>
   <!-- Tree view startup script 
        The url treedata.ashx is configured in the handlers section of web.config -->
   <%= TreeViewHelpers.GetStartupScript( "tree", "treedata.ashx" )%>   
</body>
</html>
